<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 
        :link 用来表示没有访问过的连接（正常的连接）
         */
         a:link{
             color: red;
         }

         /* 
          :visited 用来表示访问过的连接
          由于隐私的原因，所以visited伪类只能改颜色
         */
         a:visited{
            /* font-size: 50px; */
             color: green;
         }

         /* 
           :hover 用来表示鼠标移入的状态
          */
          a:hover{
              color: magenta;
              font-size: 50px;
          }

          /* 
          ：active 用来表示鼠标点击
           */
           a:active{
               color: rgb(175, 236, 33);
           }




    </style>
</head>
<body>
    <!-- 
        1、没有访问过的连接
        2、访问过的链接


     -->
    <a href="https://www.baidu.com">百度已访问</a>
    <a href="https://www.baidupzh.com">百度未访问</a>
</body>
</html>